<!DOCTYPE html>
<html lang="zh-CN">
<html>
	<head>
		<meta charset="utf-8" />
		<title>首页</title>
		<link rel="stylesheet" type="text/css" href="css/public.css"/>
		<link rel="stylesheet" type="text/css" href="css/pages.css" />
		<link rel="shortcut icon" id="favicon" href="./favicon.ico">
		<link rel="stylesheet" type="text/css" href="css/swiper-3.4.2.min.css"/>
	</head>
	<style type="text/css">
		body{font-size: 0.3rem;}
		.swiper-pagination-bullet{height: 0.06rem;width: 0.9rem;background: #fff;border-radius: 0;}
		.swiper-pagination-bullet-active{background: #EB603F;}
	</style>
	<body>
		<!--头部-->
		<header class="flex flex-align-center">
			<div class="email flex flex-align-center">
				<img src="img/shouye-email.png" alt="" />
				<p>typay@typay.me</p>
			</div>
			<div class="login">
				<a href="#">用户登录</a> |
				<a href="#">合作商登录</a>
			</div>
		</header><!--头部结束-->
		<!--导航部分-->
		<nav class="flex flex-align-center flex-pack-center">
			<img src="img/shouye-logo.png" alt="" />
			<div class="navright flex flex-align-center flex-pack-center">
				<div class="item">首页</div> &nbsp;|
				<div class="item">
					<a href="#">关于我们</a>
					<ul class="mune">
							<img src="img/munebg_03.png"/>
							<li><a href="http://192.168.199.107/DuxCms/admin.php?r=page/Category/index&class_id=16">企业简介</a></li>
							<li><a href="http://192.168.199.107/DuxCms/admin.php?r=article/Category/index&class_id=23">企业动态</a></li>
							<li><a href="http://192.168.199.107/DuxCms/admin.php?r=page/Category/index&class_id=24">联系我们</a></li>
					</ul>
				</div> &nbsp;|
				<div class="item">加入我们</div> &nbsp;|
				<div class="item">新闻中心</div> &nbsp;|
				<div class="item">应用下载</div>
			</div>
		</nav><!--导航部分结束-->
		<!--内容部分-->
		<div class="container">
			<!--页面banner部分-->
				<div class="banner">
					<div class="swiper-container">
					  <div class="swiper-wrapper">
					    <div class="swiper-slide "><img src="img/shouye-banner.png" alt="" /></div>
					    <div class="swiper-slide "><img src="img/shouye-banner.png" alt="" /></div>
					  </div>
					 <!-- 如果需要分页器 -->
   					<div class="swiper-pagination"></div>
					</div>
				</div>
				<!--关于优鸟-->
				<div class="about flex flex-align-center ">
					<img class="youniao" src="img/shouye-youniao.png" alt="" />
					<div class="about-text">
						<p style="font-size: 0.16rem;margin-bottom: 0.1rem;">优鸟钱包是我们公司自有品牌</p>
						<p>商家的收银小帮手，提供微信、支付宝、银联快捷、京东多码合一的收款神器， 账单记录、商铺管理、营销功能、信用贷款等多元化的服务。</p>
					</div>
					<img  class="bigkouhao" src="img/shouye-bigkuohao.png" alt="" />
				</div>
				<!--优鸟钱包简介-->
				<div class="fenge">
					<img src="img/shouye-fenge.png" alt="" />
				</div>
				<!--优鸟帮您赚钱-->
				<div class="zhuanqian flex flex-align-center flex-pack-center">
					<img src="img/shouye-xiaoxi.png" alt="" />
					<div class="zhuanqianr">
					<h3>优鸟钱包帮您赚钱</h3>
					<p style="font-size: 0.32rem;margin-left: 0.15rem;margin-top: 0.15rem;">诚于心,信于行,支付无界</p>
					<p style="font-size: 0.24rem;margin-left: 0.15rem;">支付便捷 轻松贷款 安全无忧 </p>
					</div>
				</div>
				<!--更低汇率-->
				<div class="huilv flex flex-align-center flex-pack-center">
					<div class="huilvl">
						<h4>更低汇率只在“优鸟钱包”</h4>
						<p>轻轻一点</p>
						<p>生活开启新界面</p>
					</div>
					<img src="img/shouye-.png" alt="" />
					<img src="img/shouye-shouji.png" alt="" />
				</div>
				<!--优鸟功能-->
				<div class="gongneng">
					<img src="img/shouye-gongneng.png" alt="" />
				</div>
				<div class="gongneng-cont flex">
					<img class="gonneng-img" src="img/shouye-goneng.png" alt="" />
					<div class="gongneng-right">
						<div class="shoukuan flex flex-align-center">
							<img src="img/shouye-01.png" alt=""/>
							<div>
							<h5>收款</h5>
							<p>优鸟钱包跟微信、支付宝、银行直接合作，信誉和实力有保障。收银费率低、到账时间快、提升资金使用，拥有0.35%秒到的超低费率和极速到账的功能</p>
							</div>
						</div>
						<div class="shoukuan flex flex-align-center" style="margin-top: 0.2rem;">
							<img src="img/shouye-02.png" alt="" />
							<div>
							<h5>钱包</h5>
							<p>在钱包里我们可以看到余额和提现记录，清楚知道自己每天的资金流向。</p>
							</div>
						</div>
						<div class="shoukuan flex flex-align-center" style="margin-top: 0.2rem;">
							<img src="img/shouye-03.png" alt=""/>
							<div>
							<h5>推广</h5>
							<p>收银费率高？赚钱不易？优鸟钱包帮你解决一切问题！点击降费率，分享给朋友，让他们帮你赚钱，坐享其成！</p>
							</div>
						</div>
					</div>
				</div>
				<!--并肩前行-->
				<div class="gongneng">
					<img src="img/shouye-qianxin.png" alt="" />
				</div>
				<div class="banklist">
						<img src="img/partners/zhifubao1.png" alt="" />
						<img src="img/partners/weixin1.png"  alt="" />
						<img src="img/partners/caifentong1.png" alt="" />
						<img src="img/partners/xiangyeyinhang1.png" alt="" />
						<img src="img/partners/pufa1.png" alt="" />
						<img src="img/partners/jianlian1.png" alt="" />
						<img src="img/partners/zhongxin1.png" alt="" />
						<img src="img/partners/jinkong1.png" alt="" />
						<img src="img/partners/shuixiangfu1.png" alt="" />
						<img src="img/partners/zhonghui1.png" alt="" />
						<img src="img/partners/lakala1.png" alt="" />
						<img src="img/partners/mingsheng1.png" alt="" />
				</div>
		</div>
		<!--底部-->
		<footer>
			<div class="footertop flex">
				<div class="item">
					<p class="title">公司业务</p>
					<p>微信支付</p>
					<p>pos机收单</p>
					<p>支付宝支付</p>
					<p>随行付+中汇支付</p>
				</div>
				<div class="item">
					<p class="title">合作伙伴</p>
					<p>支付宝</p>
					<p>随行付</p>
					<p>微信支付</p>
					<p>中信银行</p>
				</div>
				<div class="item">
					<p class="title">联系我们</p>
					<div class="flex flex-align-center">
						<img src="img/dingwei.png" alt="" />
						<p>中国重庆</p>
					</div>
					<div class="flex flex-align-center">
						<img src="img/youxiang.png" style="height:0.16rem ;width: auto;margin-bottom: -3px;" alt="" />
						<p>typay@typay.me</p>
					</div>
					<div class="flex flex-align-center">
						<img src="img/diqiu.png" alt="" />
						<p>www.typay.me</p>
					</div>
					<div class="flex flex-align-center">
						<img src="img/dianhua.png" alt="" />
						<p>400-838-0600</p>
					</div>
				</div>
			</div>
			<div class="footerbt"></div>
		</footer><!--底部结束-->
	</body>
	<script type="text/javascript" src="js/zepto.js"></script>
	<script type="text/javascript" src="js/rem.js"></script>
	<script type="text/javascript" src="js/swiper-3.4.2.min.js"></script>
	<script type="text/javascript">
		$(function(){
			  var mySwiper = new Swiper('.swiper-container',{
			    loop: true,
				autoplay: 3000,
				 // 如果需要分页器
    			pagination: '.swiper-pagination',
 			 });
 			 $(".navright div").click(function(){
			  var text = $(this).text();
			  switch(text){
			  case "首页":jump("./index.html");break;
			  case "关于我们":jump("./view/about.html");break;
			  case "加入我们": jump("./view/join.html");break;
			  case "新闻中心": jump("./view/news.html");break;
			  case "应用下载": jump("./view/news-page.html");break;
	  }
	 });
	function jump(url) {
		window.location.href = url;
	};
 		})
	</script>
</html>
